<template>
  <!-- 任务详情数据 -->
  <div class="TaskTo-detail">
    <!-- 顶部标题栏组件 -->
    <top-header :leftArrow="leftArrow"></top-header>
    <!-- 中心内容 -->
    <div class="content">
      <van-cell-group>
        <van-cell title="登记人:" :value="Data.createBy" />
        <van-cell title="派单人:" :value="Data.deliverMan" />
        <van-cell title="服务人:" :value="Data.staffName" />
        <van-cell title="创建时间:" :value="Data.starDate" />
        <van-cell v-if="Data.tasksState" title="服务时长:" :value="Data.lengthTime" />
        <van-cell v-else title="服务时间:" :value="Data.date" />
        <van-cell title="结束时间:" :value="Data.overDate" />
        <van-cell v-if="Data.tasksState" title="单位名称:" :value="Data.cust" />
        <van-cell v-else title="单位名称:" :value="Data.cust_name" />
        <van-cell title="联系人:" :value="Data.linkManName" />
        <van-cell title="联系人电话:" :value="Data.phone" />
        <van-cell v-if="Data.tasksState" title="结果:" :value="Data.tasksState" />
        <van-cell v-else title="服务类型:" :value="Data.type" />
        <van-cell title="服务内容:" :value="Data.request" />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
import { TopHeader } from '@/components'
export default {
  name: 'TaskToDetail',
  components: {
    TopHeader
  },
  data () {
    return {
      leftArrow: true, // 顶部标题栏组件是否有返回按钮
      lengthTime: '',
      Data: []

    }
  },
  created () {
    // 从浏览器缓存中获取数据
    this.Data = JSON.parse(sessionStorage.getItem('TASK_TO_DATA'))
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
.TaskTo-detail {
  .content {
    box-shadow: 0 3px 4px 2px rgb(240, 240, 240);
  }
}
</style>
